<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐播放器注册</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="background">
    <div class="login-container">
        <h1 class="login-title">欢迎注册音乐世界</h1>
        <div class="login-form">
            <input type="text" id="username" placeholder="请输入用户名">
            <input type="email" id="email" placeholder="请输入邮箱">
            <input type="password" id="password" placeholder="请输入密码">
            <button id="register-btn">注册</button>
        </div>
        <div class="character">
            <img src="character_normal.png" id="character-img" alt="吉祥物">
        </div>
        <div class="register-link">
            <a href="login.html">已有账号？去登录</a>
        </div>
    </div>
</div>
<script src="script.js"></script>
</body>
</html>